<!-- 车位管理 -->
<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <!-- main -->
  <div class="col">
    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">住户管理</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md">
      <form name="" class="form-horizontal form-validation">
        <div class="panel panel-default">
          <div class="panel-body">
            <div class="row">
              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">房屋编号:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">客服管家:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">全部</option>
                      <option value="">张三</option>
                      <option value="">李四</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">住户身份关键字:</label>
                  <div class="col-sm-7">
                    <input type="text" class="form-control" placeholder="">
                    <p>可根据姓名、联系电话、身份证号查询</p>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">性别:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">全部</option>
                      <option value="">男</option>
                      <option value="">女</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">自然区域:</label>
                  <div class="col-sm-7">
                    <div class="form-control">
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 待入住</label>
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 已入住</label>
                      <label class="i-checks"><input type="checkbox" ng-model="f.c" required=""><i></i> 已搬离</label>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">APP权限值:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">全部</option>
                      <option value="">1</option>
                      <option value="">2</option>
                    </select>
                  </div>
                </div>
              </div>

              <div class="col-lg-4 col-sm-6">
                <div class="form-group">
                  <label class="col-sm-5 control-label nowrap">搬离日期:</label>
                  <div class="col-sm-7">
                    <div class="row">
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                      <div class="col-sm-1">-</div>
                      <div class="col-sm-5"><input type="date" name="" class="form-control"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="panel-footer  text-right">
            <button class="btn btn-info m-r">&nbsp;&nbsp;重置&nbsp;&nbsp;</button>
            <button class="btn btn-success m-l">&nbsp;&nbsp;查询&nbsp;&nbsp;</button>
          </div>

        </div>

      </form>

      <div class="row">
        <div class="col-md-12 col-xs-12">
          <div class="panel panel-default">

            <div class="table-responsive">
              <table class="table table-striped b-t b-light">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>房屋编号</th>
                    <th>客服管家</th>
                    <th>住户姓名</th>
                    <th>性别</th>
                    <th>出生日期</th>
                    <th>手机</th>
                    <th>电话</th>
                    <th>与户主关系</th>
                    <th>居中状态</th>
                    <th>籍贯</th>
                    <th>户口所在地</th>
                    <th>身份证号</th>
                    <th>民族</th>
                    <th>婚姻状况</th>
                    <th>政治面貌</th>
                    <th>工作单位</th>
                    <th>APP权限值</th>
                    <th>搬离日期</th>
                    <th>操作</th>
                  </tr>
                </thead>

                <tbody>
                  <tr>
                    <td>1</td>
                    <td>1-1-001</td>
                    <td>明亮</td>
                    <td>王丽</td>
                    <td>女</td>
                    <td>1987-01-18</td>
                    <td>1411111111</td>
                    <td></td>
                    <td>户主</td>
                    <td>已入住</td>
                    <td>四川</td>
                    <td>四川</td>
                    <td>130602198705051234</td>
                    <td>汉</td>
                    <td>已婚</td>
                    <td>群粽</td>
                    <td>电力局</td>
                    <td>1</td>
                    <td></td>
                    <td>
                      <button class="btn btn-info btn-sm">初始化</button>
                      <button class="btn btn-info btn-sm">修改</button>
                      <button class="btn btn-info btn-sm">过户</button>
                    </td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>1-1-001</td>
                    <td>明亮</td>
                    <td>王丽</td>
                    <td>女</td>
                    <td>1987-01-18</td>
                    <td>1411111111</td>
                    <td></td>
                    <td>户主</td>
                    <td>已入住</td>
                    <td>四川</td>
                    <td>四川</td>
                    <td>130602198705051234</td>
                    <td>汉</td>
                    <td>已婚</td>
                    <td>群粽</td>
                    <td>电力局</td>
                    <td>1</td>
                    <td></td>
                    <td>
                      <button class="btn btn-info btn-sm">初始化</button>
                      <button class="btn btn-info btn-sm">修改</button>
                      <button class="btn btn-info btn-sm">过户</button>
                    </td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>1-1-001</td>
                    <td>明亮</td>
                    <td>王丽</td>
                    <td>女</td>
                    <td>1987-01-18</td>
                    <td>1411111111</td>
                    <td></td>
                    <td>户主</td>
                    <td>已入住</td>
                    <td>四川</td>
                    <td>四川</td>
                    <td>130602198705051234</td>
                    <td>汉</td>
                    <td>已婚</td>
                    <td>群粽</td>
                    <td>电力局</td>
                    <td>1</td>
                    <td></td>
                    <td>
                      <button class="btn btn-info btn-sm">初始化</button>
                      <button class="btn btn-info btn-sm">修改</button>
                      <button class="btn btn-info btn-sm">过户</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="panel-footer">
              <div class="row">
                <div class="col-xs-6 col-sm-12 col-md-6">
                  <p> 统计信息: 共计15条 &nbsp;&nbsp;&nbsp;&nbsp;</p>
                  每页显示条数：
                  <button class="btn btn-xs btn-info">&nbsp; 15 &nbsp;</button>
                  <button class="btn btn-xs btn-info">&nbsp; 30 &nbsp;</button>
                </div>

                <div class="col-xs-6 col-sm-12 col-md-6 text-right">
                  <ul class="pagination pagination-md">
                    <li>
                      <a href=""><i class="fa fa-chevron-left"></i></a>
                    </li>
                    <li>
                      <a href="">1</a>
                    </li>
                    <li>
                      <a href="">2</a>
                    </li>
                    <li>
                      <a href="">3</a>
                    </li>
                    <li>
                      <a href="">4</a>
                    </li>
                    <li>
                      <a href="">5</a>
                    </li>
                    <li>
                      <a href=""><i class="fa fa-chevron-right"></i></a>
                    </li>
                  </ul>

                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

    </div>
  </div>

</div>
</div>